<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
 			#body{
				width: 1200px;
				height: 800px;
				margin: auto;
			}
			/*内容*/
			#content{
				width: 1100px;
				height: 650px;
				background: url(img/bg.gif);
				background-repeat: no-repeat;
				margin: auto;
				margin-left: 100px;
			}
			#con_left{
				float: left;
				width: 200px;
				margin-top: 30px;
				padding-top: 5px;
			}
			#con_left p{
				color: orangered;
				padding-top:6px ;
				font-size: 16px;
				padding-right: 100px;
			}
			#con_left li{
				list-style: none;
				font-size: 15px;
				float: left;
				padding-left: 17px;
				padding-top:5px;
			}
			#con_middle{
				float: left;
			}
			#con_right{
				float:left;
			}
			#con_middle{
				width: 530px;
				
			}
			#movie{
				width: 100%;
				height: 200px;
				margin-left: 10px;
			}
			#computer{
				width: 521px;
				height: 425px;
				/* background: red; */
				margin-top: 30px;
				margin-left: 15px;
			}
			#computer li{
				width:150px ;
				float: left;
				list-style: none;
				padding-top: 20px;
				padding-left: 20px;
			}
			.shop{
				border: darkgray 1px solid;
				text-align: center;
				width: 100%;
				height: auto;
			}
			#right_top{
				height: 180px;
				width: 300px;
			}

			#right_shop li{
				list-style: none;
				padding: 5px 30px;
				font-size: 14px;
			}
			/*底部*/
			#footer{
				margin:auto;
				width: 1050px;
			}
			#footer_iframe{
				width: 1050px;
			}
			#top{
				margin:auto;
				width: 1050px;
			}
			#top_iframe{
				width: 1050px;
			}
			a{
				text-decoration: none;
				color: #000000;
			}
			#a_login{
				text-decoration: none;
				color: #000000;
				border: #000000 solid 1px;
				border-radius: 40%;
				background-color: #DEB887;
			}
		</style>
	</head>
	<body>
		<div id="top">
		<iframe id="top_iframe" src="header.html" frameborder="0" scrolling="no">
		</iframe>
		</div>
		<div id="body">
				 <div id="content">
					<div id="con_left">
						<p class="tite">家用电器</p>
						<ul>
							<li>大家电</li>
							<li>洗衣机</li>
							<li>电视机</li>
							<li>热水器</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
						</ul>
						<p class="tite">
							<a  href="catlis.html" target="_parent" style="color:#FF4500 ;">电子产品</a>
							</p>
						<ul>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
						</ul>
						<p class="tite">家用电器</p>
						<ul>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
						</ul>
						<p class="tite">家用电器</p>
						<ul>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
							<li>大家电</li>
						</ul>
					</div>
					<div id="con_middle">
						<div id="movie">
							<img src="img/ad-01.jpg" />
						</div>
						<div id="computer">
							<ul>
								<li>
									<div class="shop">
									<img src="img/promote-1.jpg" />		
									</div>	
									<p>惠普商务移动笔记本</p>	
								</li>
								<li>
									<div class="shop">
									<img src="img/promote-2.jpg" />	
									</div>	
										<p>惠普商务移动笔记本</p>	
								</li>
								<li>
									<div class="shop">
									<img src="img/promote-3.jpg" />
									</div>		
									<p>惠普商务移动笔记本</p>	
								</li>
								<li>
									<div class="shop">
									<img src="img/laser-pen.jpg" />	
									</div>	
									<p>惠普商务移动笔记本</p>	
								</li>
								<li>
									<div class="shop">
									<img src="img/mouse.jpg" />
									</div>	
									<p>惠普商务移动笔记本</p>	
								</li>
								<li>
									<div class="shop">
									<img src="img/earphone.jpg" />	
									</div>		
									<p>惠普商务移动笔记本</p>	
								</li>
								<li>
									<div class="shop">
									<img src="img/Wancom.jpg" />	
									</div>		
									<p>惠普商务移动笔记本</p>	
								</li>
								<li>
									<div class="shop">
									<img src="img/Frame.jpg" />	
									</div>	
									<p>惠普商务移动笔记本</p>	
								</li>
								<li>
									<div class="shop">
									<img src="img/notebook.jpg" />	
									</div>		
									<p>惠普商务移动笔记本</p>	
								</li>
							</ul>
						</div>
					</div>
					<div id="con_right">
						<div id="right_top"></div>
						<div  id="right_shop">
							<ul>
								<li>
									
									<a href="info.html" target="_parent">
										<img src="img/show1.jpg" border="1" align="absmiddle"/>
										</a>
									大牌狂降价，三折直送
								</li>
								<li>
									<img src="img/show2.jpg" border="1" align="absmiddle"/>
									大牌狂降价，三折直送
								</li>
								<li>
									<img src="img/show3.jpg" border="1" align="absmiddle"/>
									大牌狂降价，三折直送
								</li>
								<li>
									<img src="img/show4.jpg" border="1" align="absmiddle"/>
									大牌狂降价，三折直送
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div id="footer">
					<iframe id="footer_iframe" src="footer.html" frameborder="0" scrolling="no">
					</iframe>
					</div>
				</div>			
	</body>
</html>
